.ebfq2-section {

    display: flex;

    flex-direction: column;

    justify-content: center;

}


.ebfq2-container {

    width: calc(100vw - 2em);

    max-width: var(--ebfq2-container-width);

    margin: 0 auto;

    display: flex;

    flex-direction: column;

    gap: var(--ebfq2-space-xl);

}


.ebfq2-title {

    font-size: clamp(1.6rem, 2.5vw, 2.4rem);

    font-weight: 600;

    color: var(--ebfq2-primary);

    text-align: center;

}


.ebfq2-accordion {

    display: flex;

    flex-direction: column;

    gap: 0px;

}


.ebfq2-item {

    border-bottom: 1px solid var(--ebfq2-gray);

    border-radius: 0;

    overflow: hidden;

    transition: var(--ebfq2-transition);

    cursor: pointer;


}


.ebfq2-trigger {

    width: 100%;

    background: none;

    border: none;

    cursor: pointer;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: var(--ebfq2-space-md);


    color: var(--ebfq2-primary);


    padding-block: var(--ebfq2-space-md);

}


.ebfq2-question {

    flex: 1;

    text-align: right;

    font-size: var(--ebfq2-fs-md);
    font-weight: 500;


}


.ebfq2-icon {

    width: 22px;

    height: 22px;

    border-radius: 50%;

    border: 1px solid var(--ebfq2-secondary);

    position: relative;

    flex-shrink: 0;

    transition: var(--ebfq2-transition);

    font-size: var(--ebfq2-fs-md);
}


.ebfq2-icon::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    width: 10px;

    height: 2px;

    background: var(--ebfq2-secondary);

    transform: translate(-50%, -50%);

}


.ebfq2-icon::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    width: 2px;

    height: 10px;

    background: var(--ebfq2-secondary);

    transform: translate(-50%, -50%);

    transition: var(--ebfq2-transition);

}

.ebfq2-item[aria-expanded="true"] {
    display: flex;
    flex-direction: column;
    gap: var(--ebfq2-space-md);
    padding-bottom: var(--ebfq2-space-md);
}

.ebfq2-item[aria-expanded="true"] .ebfq2-trigger {

    color: var(--ebfq2-secondary);
    border-bottom: 1px solid var(--ebfq2-primary);
}


.ebfq2-item[aria-expanded="true"] .ebfq2-icon::after {

    height: 0;

}


.ebfq2-content {

    max-height: 0;

    overflow: hidden;

    opacity: 0;

    transition: var(--ebfq2-transition);

    display: flex;

}


.ebfq2-content p {

    padding-inline: var(--ebfq2-space-sm);

    /* padding-bottom: var(--ebfq2-space-md); */

    font-size: var(--ebfq2-fs-sm);

    line-height: 1.8;

}


.ebfq2-item[aria-expanded="true"] .ebfq2-content {

    max-height: 200px;

    opacity: 1;

    /* transform: translateY(var(--ebfq2-space-md)); */

    /* margin-bottom: var(--ebfq2-space-md); */
}